

div.screening {
 width: 100%;
 overflow: hidden;
 background: #fff;
 position: fixed;
 z-index: 4;
 /*padding-top: 25px;*/
}

div.screening>ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 border-bottom: solid 1px #d3d3d3;
 overflow: hidden
}

div.screening>ul>li {
 float: left;
 width: 33%;
 font-size: 0.7rem;
 text-align: center;
 line-height: 1.5rem;
 border-left: solid 1px #d3d3d3;
 background: url(../image/one_image/on_1.png) no-repeat 85% center
}

.grade-eject,
.Category-eject,
.Sort-eject {
 position: fixed;
 top: -65%;
 width: 100%;
 height: 65%;
 z-index: 1;
 -webkit-transition-duration: .4s
}

.grade-eject>ul,
.Category-eject>ul,
.Sort-eject>ul {
 margin: 0;
 padding: 0;
 overflow: auto;
 height: 100%;
 width: 100%;
 -webkit-transition-duration: .4s
}

.grade-eject>ul>li,
.Category-eject>ul>li,
.Sort-eject>ul>li {
 line-height: 3rem;
 font-size: 0.6rem;
 padding-left: 1rem;
 border-bottom: solid 1px #eee
}

.grade-eject>ul.grade-w,
.Category-eject>ul.Category-w {
 background: #ffffff;
 position: absolute;
 z-index: 1
}

.grade-eject>ul.grade-t,
.Category-eject>ul.Category-t {
 background: #ffffff;
 position: absolute;
 z-index: 2;
 left: 100%
}

.grade-eject>ul.grade-t>li,
.Category-eject>ul.Category-t>li {
 border-bottom: solid 1px #fff
}


.grade-w-roll {
 top: 3rem
}

.grade-w-roll::after {
 position: fixed;
 content: "";
 width: 100%;
 height: 100%;
 display: block;
 background: rgba(0, 0, 0, .2);
 top: 0
}

.Sort-Sort {
 background: #fff;
 position: absolute;
 z-index: 3;
 left: 0;
 list-style-type: none
}

.Sort-Sort>li {
 border-bottom: solid 1px #eee;
 padding: 0
}

.Sort-height {
 height: 343px
}
